<template>
  <div class="hello">
    <h1>{{ masg }}</h1>
    <button v-on:click="onClickMe">ClickMe!</button>
    <h2>{{ msgfomfather }}</h2>
    <p id="pp"></p>
  </div>
</template>
<script>
export default {
  name: 'l',
  data () {
    return {
      masg: 'HelloWorld'
    }
  },
  props: ['msgfomfather'],
  methods: {
    onClickMe (item) {
      alert('123')
    }
  },
  getMovieDeta () {
    alert('1')
    this.methods.getMovieDetail()
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
</style>
